<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
<div data-role="page" id="addproductnologged"  tabindex="0" class="ui-page-theme-a">
    <div data-role="header">
        <h1>Thêm Sản Phẩm</h1>

        <!--
        <a data-rel="back" data-icon="back">Trở Lại</a>
        -->
    </div>
    <h5>Sản phẩm của bạn sẽ được đăng trong 30 ngày</h5>
    <!--
    <div class="ui-content">
        <button type="button" id="btn_upload_product_nologged" class="ui-link ui-btn ui-shadow ui-corner-all">Đăng Sản Phẩm</button>
    </div>

    -->
    <script>

    </script>
    <div id="wizard">

        <section id="step-1">
            <h2>Thông Tin Sản Phẩm</h2>
            <div class="ui-content">
                <input type="text" placeholder="Tên Sản Phẩm" name="text-basic" id="title" value="">
            </div>
            <div class="ui-content">
                <input type="text" placeholder="Giá" name="text-basic" id="price" value="">
            </div>
            <!--
            <div class="ui-content add_date" >
                <input type="date" name="" placeholder="Ngày Hết Hạn" id="date" data-role="datebox"data-options='{"mode": "calbox", "overrideDateFormat":"%Y-%m-%d"}' >
            </div>
            -->
            <div class="ui-content">
                <label>Hiện Giá ?: *</label>
                <div class="radio">
                    <label>
                        <input type="radio" name="show_price"  value="1" checked>
                        Hiện
                    </label>
                </div>
                <div class="radio">
                    <label>
                        <input type="radio" name="show_price"  value="0">
                        Ẩn
                    </label>
                </div>
            </div>
            <div class="ui-content">

                <div class="radio">
                    <label>
                        <input type="radio" name="topic_type" id="optionsRadios1" value="0" checked>
                        Cần Bán
                    </label>
                </div>
                <div class="radio">
                    <label>
                        <input type="radio" name="topic_type" id="optionsRadios2" value="1">
                        Cần Mua
                    </label>
                </div>
            </div>
            <div class="ui-content">

                <div class="radio">
                    <label>
                        <input type="radio" name="is_brandnew" id="optionsRadios3" value="1" checked>
                        Mới
                    </label>
                </div>
                <div class="radio">
                    <label>
                        <input type="radio" name="is_brandnew" id="optionsRadios4" value="0">
                        Củ
                    </label>
                </div>
            </div>
            <div class="ui-content">

                </label>
                <select id="topic_location" class="form-control">

                </select>
            </div>
            <div class="ui-content">
                <select id="cat_id" class="form-control">

                </select>
            </div>
            <div class="ui-content">
                <textarea id="short_description" placeholder="Tóm Tắt Sản Phẩm" class="form-control" rows="3"></textarea>

            </div>
            <div class="ui-content">
                <textarea id="full_description" placeholder="Chú Thích Sản Phẩm:" class="form-control" rows="3"></textarea>
            </div>
            <div data-role="popup" id="popup_success">
                <p>Sản Phẩm Đã Được Đăng</p>
            </div>
            <div class="ui-content " id="img_append">

            </div>
            <div class="ui-content">
                <a href="#popupNested" data-rel="popup" class="ui-link ui-btn ui-shadow ui-corner-all" data-transition="pop">Chọn Hình Ảnh.</a>
            </div>
            <div data-role="popup" id="popupNested" data-theme="none">
                <ul data-role="listview">
                    <li><a id="btn_camera" data-rel="dialog">Từ Camera</a></li>
                    <li><a id="btn_gellary" data-rel="dialog">Từ Media</a></li>
                </ul>
            </div>
            <input type="hidden" id="images">
            <div class="ui-content">
                <input type="button" class="ui-btn ui-icon-arrow-r ui-btn-icon-left ui-shadow ui-corner-all" id="btn_next_step"  value="Tiếp Tục">
            </div>
        </section>

        <section id="step-2">
            <h2>Thông Tin Người Đăng</h2>
            <div id="col-sigup" data-role="collapsible">
                <h4>Đăng Ký - chưa có tài khoản</h4>
                <p>
                <div id="step-2-signup">
                    <div class="ui-content">
                        <input type="text"  name="name" id="name" placeholder="Tên" value="">
                    </div>
                    <!--email -->
                    <div class="ui-content">
                        <input type="text"  name="email" id="email" placeholder="Email" value="">
                    </div>
                    <!--pass -->
                    <div class="ui-content">
                        <input type="password" id="password" placeholder="Mật Khẩu">
                    </div>
                    <div class="ui-content">
                        <input type="password" id="re_password" placeholder="Nhập lại Mật Khẩu">
                    </div>
                    <!--address -->
                    <div class="ui-content">
                        <textarea id="add" placeholder="Địa Chỉ"></textarea>
                    </div>
                    <!--phone -->
                    <div class="ui-content">
                        <input type="number" id="phone" placeholder="Điện Thoại">
                    </div>

                </div>
                </p>
            </div>
            <div data-role="collapsible">
                <h4>Không Cần Đăng Ký - Chưa có tài khoản </h4>
                <!--name -->
                <div class="ui-content">
                    <input type="text"  name="name" id="name_1" placeholder="Tên" value="">
                </div>
                <!--name -->
                <!--email -->
                <div class="ui-content">
                    <input type="text"  name="email" id="email_1" placeholder="Email" value="">
                </div>
                <!--phone -->
                <div class="ui-content">
                    <input type="number" id="phone_1" placeholder="Điện Thoại">
                </div>
            </div>
            <div data-role="collapsible">
                <h4>Đăng Nhập</h4>
                <p>
                    <ul data-role="listview" id="logged" data-inset="true">
                        <li>
                            <a href="profile.html">
                                <img class="profile_img" src="">
                                <h2 class="profile_email"></h2>
                                <p class="profile_name"></p>
                            </a>
                        </li>
                        <li><a href="myproduct.html">Sản Phẩm Của Tôi</a></li>
                        <li><a href="#">Mạng Xã hội</a></li>
                        <li><a id="btn_logout">Thoát</a></li>
                    </ul>
                    <!-- sign in -->
                    <ul class="login_form">
                        <li><input type="text" id="log_email" placeholder="Email"></li>
                        <li><input type="password" id="log_pass" placeholder="Mật Khẩu"></li>
                        <li><input type="button" id="btn_log" value="Đăng Nhập"></li>
                        <li><button type="button" name="sign-fb" id="sign-fb" >Sign in with FB</button></li>
                        <li><a href="signup.html">Đăng Ký</a> </li>
                        <li><a href="forgotpass.html">Quên mật khẩu</a></li>
                    </ul>
                </p>
            </div>
            <div class="ui-content">
                <input type="button" id="btn_prev_step" class="ui-btn ui-icon-arrow-l ui-btn-icon-left ui-shadow ui-corner-all" value="Trở Lại">
                <input type="button" id="btn_upload_product_nologged" value="Đăng Sản Phẩm">
            </div>
        </section>
    </div>
</div>
<!-- /page -->
<div class="ui-loader ui-corner-all ui-body-a ui-loader-default">
</div>
<div class="ui-panel-dismiss" data-panelid="panel-reveal"></div>
<div class="ui-panel-dismiss" data-panelid="panel-overlay"></div>
<div class="ui-panel-dismiss" data-panelid="panel-push"></div>
</body>
</html>